The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Jul 2, 2026 12:32am

PR Summary

Low Risk
Small UI loading-state refactor with no auth, data, or API changes; behavior is limited to the integration detail route.

Overview
Fixes integration detail soft navigation hitting the integrations error boundary because the server page.tsx Suspense fallback passed lucide ArrowLeft into ChipLink as leftIcon, crossing the server→client boundary with a function.

The fallback UI is unchanged visually but now lives in IntegrationBlockDetailFallback ('use client'), which only receives workspaceId. The server page drops ChipLink/ArrowLeft imports and wires Suspense to that component instead of an inline fallback.

^{Reviewed by Cursor Bugbot for commit 97aac58. Configure here.}

Greptile Summary

This PR fixes a React Server Components crash on the integration detail page caused by passing a lucide ArrowLeft function component as a prop in the Suspense fallback of a server component, which React rejects across the server→client boundary.

• Root cause fix: The inline Suspense fallback JSX in page.tsx (a server component) passed ArrowLeft as leftIcon to ChipLink. React cannot serialize function references across the RSC boundary, triggering the digest: 783665031 error. Moving the fallback into a dedicated 'use client' file keeps the icon entirely client-side.
• Scope: Only workspaceId (a string) is passed from the server page to the new IntegrationBlockDetailFallback client component — correct and serialization-safe.

Confidence Score: 5/5

Safe to merge — the change is a minimal, targeted extraction that directly resolves a confirmed production crash without altering any logic or data flow.

The fix correctly isolates the ArrowLeft function reference inside a 'use client' component so it never crosses the RSC boundary. The only value passed from the server page to the new client component is workspaceId (a plain string), which serializes without issue. The rendered fallback UI is pixel-identical to what was there before. No other files are touched and the change is self-contained.

No files require special attention.

Important Files Changed

Sequence Diagram

%%{init: {'theme': 'neutral'}}%%
sequenceDiagram
    participant Browser
    participant Server as Server Component (page.tsx)
    participant Client as Client Component (IntegrationBlockDetailFallback)

    Browser->>Server: Navigate to /integrations/[block]
    Server->>Server: await params, lookup integration
    Server-->>Browser: Stream RSC payload with Suspense boundary
    Note over Browser,Client: Suspense fallback renders while IntegrationBlockDetail loads
    Server->>Client: Pass workspaceId (string) — serializable ✓
    Client-->>Browser: Render ChipLink + ArrowLeft (function stays client-side)
    Note over Browser,Client: IntegrationBlockDetail resolves, replaces fallback

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
sequenceDiagram
    participant Browser
    participant Server as Server Component (page.tsx)
    participant Client as Client Component (IntegrationBlockDetailFallback)

    Browser->>Server: Navigate to /integrations/[block]
    Server->>Server: await params, lookup integration
    Server-->>Browser: Stream RSC payload with Suspense boundary
    Note over Browser,Client: Suspense fallback renders while IntegrationBlockDetail loads
    Server->>Client: Pass workspaceId (string) — serializable ✓
    Client-->>Browser: Render ChipLink + ArrowLeft (function stays client-side)
    Note over Browser,Client: IntegrationBlockDetail resolves, replaces fallback

_{Reviews (1): Last reviewed commit: "fix(integrations): resolve Server Compon..." | Re-trigger Greptile}